<template>
    <div>
        <Banner></Banner>
        <div class="mainer">
            <MainerLeft></MainerLeft>
            <MainerRight></MainerRight>
        </div>
    </div>
</template>

<script>
    import Banner from './Banner'
    import MainerLeft from './MainerLeft'
    import MainerRight from './MainRight'
    export default {
        name: "home",
        components: {MainerRight, Banner,MainerLeft }
    }
</script>

<style>
    .mainer{
        width: 982px;
        display: flex;
        margin: 0 auto;
    }
</style>